<template>
 <h2>本地的 todo list 代办清单</h2>
 <el-button @click="addFF">创建</el-button>
 <el-table :data="todoList" style="width: 100%">
    <el-table-column prop="content" label="内容" width="180">1</el-table-column>
    <el-table-column prop="date" label="时间" width="180">2</el-table-column>
    <el-table-column prop="operation" label="操作" width="180">
      <el-button type="danger">删除</el-button>
      <el-button type="primary">编辑</el-button>
    </el-table-column>
  </el-table>

  <el-dialog :visible="isShowDialog=true" v-bind="$attrs" v-on="$listeners" @open="onOpen" @close="onClose" title="Dialog Titile">
      <el-form ref="formRef" :model="form" :rules="rules" size="small" label-width="100px"
        label-position="left">
        <el-form-item label="内容" prop="content">
          <el-input v-model="form.content" placeholder="请输入内容" clearable :style="{width: '100%'}"></el-input>
        </el-form-item>
        <el-form-item label="时间" prop="date">
          <el-date-picker v-model="form.date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
            :style="{width: '100%'}" placeholder="请选择时间" clearable></el-date-picker>
        </el-form-item>
      </el-form>
      <div slot="footer">
        <el-button type="primary" @click="handelConfirm">确定</el-button>
      </div>
    </el-dialog>



<!-- <add-form :isShowDialog="isShowDialog"></add-form> -->
</template>

<script>
// import addForm from './components/addForm.vue'
export default {
  name: 'app',
  components: {},
  data() {
    return {
  todoList:[{content:1,date:2,operation:3}],
  isShowDialog:false
    }
  },
  created() {},
  mounted() {},
  methods: {
    // 新增todo
    addFF(){
      this.isShowDialog=true
    }
  }
}
</script>

  <style scoped lang="scss">

  </style>
